<template>
  <n-avatar round size="large" :src="avatar" />
</template>
<script lang="ts">
  import { GetMemberView } from '@/api/org/user';

  export default {
    props: {
      userID: {
        type: Number,
        required: true,
      },
    },
    setup(props) {
      GetMemberView(props.userID).then((res) => {
        console.log(res);
      });
      const avatar = `https://avatars.dicebear.com/api/avataaars/${props.userID}.svg`;
      return {
        avatar,
      };
    },
  };
</script>
